<template>
  <div>
    <PageContent ref="pageContent" :form-data="billData" :content-table-config="billConfig">
      <template #accountTime="{ row }">
        {{ row.accountTime }}
      </template>
    </PageContent>
  </div>
</template>
<script>
import { billConfig } from "./config/bill.config";
export default {
  name: "MyBills",
  data() {
    return {
      billConfig,
      billData: {},
      drawer: false,
      direction: 'rtl',
    };
  },
  methods: {

    handleBill(row) {
      console.log(row);
      this.billData = {
        status: row.status,
        type: row.type,
        billId: row.id,
      }
      this.billConfig.pageInfo.currentPage = 1;
      this.$nextTick(() => {
        this.$refs.pageContent.queryTblMain();
      });
      this.drawer = true;
    },
    handleClose(done) {
      done();
    },
  },
};
</script>
<style scoped>
.table-box {
  widows: calc(100% - 60px);
  padding: 30px;
}
</style>
